<style>
  .{{$template|escape:'html'}}_table1 {
    width: 1080px;
  }
  .{{$template|escape:'html'}}_td1 {
    padding-bottom:3px;
    text-align: left;
    vertical-align: top;
  }
  .{{$template|escape:'html'}}_td2 {
    padding: 0 25px 0 5px;
    white-space:nowrap;
    font-weight:bold;
    height: 21px;
    border-right: solid 1px #bbb;
  }
  .{{$template|escape:'html'}}_td3 {
    padding: 0 25px 0 5px;
    white-space:nowrap;
    font-weight:bold;
  }
  .{{$template|escape:'html'}}_button {
    margin: 25px 0 0 0;
  }
  .{{$template|escape:'html'}}_top{
    background-color: #c3d9ff;
    height: 21px;
  }
  .elemtransitionsearch_table1 {
    width: 820px;
  }
  .elemtransitionsearch_td2 {
    padding: 20px 30px 0 0;
    text-align: right;
  }
  .elemtransitionsearch_td6 {
    padding: 8px 10px;
    width: 540px;
    border-right:solid 1px #c3d9ff;
    border-left:solid 1px #c3d9ff;
  }
  .elemtransitionsearch_td1 {
    background-color: #c3d9ff;
    width: 570px;
    font-weight: bold;
  }
  .elemtransitionsearch_td3 {
    width: 150px;
    height:27px;
    text-align: right;
    font-size: 10ptpx;
    font-weight: bold;
  }
  .elemtransitionsearch_td4 {
    padding: 0 10px 0 5px;
  }
  .elemtransitionsearch_td5 {
    width: 33px;
    text-align: center;
  }
  .elemtransitionsearch_td7 {
    width: 20px;
    text-align: left;
    padding-top: 2px;
  }
  .elemtransitionsearch_td8 {
    width: 120px;
    text-align: left;
  }
  .elemtransitionsearch_td9 {
    height: 19px;
    padding: 3px 0 0 10px;
  }
  .elemtransitionsearch_inputText1 {
    width: 200px;
    height: 18px;
    border: solid 1px #7f9db9;
  }
  .elemtransitionsearch_inputText2 {
    width: 100px;
    height: 18px;
    border: solid 1px #7f9db9;
  }
  .elemtransitionsearch_select1 {
    width: 202px;
    height: 22px;
    border: solid 1px #7f9db9;
  }
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      
      var gui = AbsVisas.gui('{{$template|escape:javascript}}');
      new HandleVisas(gui, JSON.parse('{{$user|escape:javascript}}'), JSON.parse('{{$date|escape:javascript}}'), JSON.parse('{{$options|escape:javascript}}'), JSON.parse('{{$message|escape:javascript}}'));
    }
  //-->
</script>

<div style="padding: 0 20px 0 10px;text-align: left;">
  <table class="{{$template|escape:'html'}}_table1" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td1" colspan=2>
        <div style="width:100%">
          <table class="elemtransitionsearch_table1" cellPadding="0" cellSpacing="0">
            <tr>
              <td class="elemtransitionsearch_td1" colSpan=2>
                <div class="round4"></div>
                <div class="round2"></div>
                <div class="round1"></div>
                <div class="elemtransitionsearch_td9">Search For Visas</div>
              </td>
            </tr>
            <tr>
              <td class="elemtransitionsearch_td6">
                <table style="width:100%" cellPadding="0" cellSpacing="0">
                  <tr>
                    <td style="vertical-align:top;">
                      <table cellPadding="0" cellSpacing="0">
                        <tr>
                          <td class="elemtransitionsearch_td3">Visa Client No.</td>
                          <td class="elemtransitionsearch_td4">
                          <input class="elemtransitionsearch_inputText1" id="{{$template|escape:'html'}}_search_visa_client_num_text" />
                          </td>
                        </tr>
                        <tr>
                          <td class="elemtransitionsearch_td3">Visa Application No.</td>
                          <td class="elemtransitionsearch_td4">
                          <input class="elemtransitionsearch_inputText1" id="{{$template|escape:'html'}}_search_visa_app_num_text" />
                          </td>
                        </tr>
                        <tr>
                          <td />
                          <td colSpan="2" style="font-size:9pt;padding:15px 0 0 5px;color:#666666;">(Client Detail)</td>
                        </tr>
                        <tr>
                          <td class="elemtransitionsearch_td3">Given Names</td>
                          <td class="elemtransitionsearch_td4">
                            <input class="elemtransitionsearch_inputText1" id="{{$template|escape:'html'}}_search_given_name_text" />
                          </td>
                        </tr>
                        <tr>
                          <td class="elemtransitionsearch_td3">Surname</td>
                          <td class="elemtransitionsearch_td4">
                            <input class="elemtransitionsearch_inputText1" id="{{$template|escape:'html'}}_search_client_name_text" />
                          </td>
                        </tr>
                        <tr>
                          <td class="elemtransitionsearch_td3">Nationality</td>
                          <td class="elemtransitionsearch_td4">
                            <select class="elemtransitionsearch_select1" id="{{$template|escape:'html'}}_search_nationality_select" />
                          </td>
                        </tr>
                        <tr>
                          <td class="elemtransitionsearch_td3">Contact No.</td>
                          <td class="elemtransitionsearch_td4">
                            <input class="elemtransitionsearch_inputText1" id="{{$template|escape:'html'}}_search_phone_text" />
                          </td>
                        </tr>
                      </table>
                    </td>
                    
                    <td style="vertical-align:top;">
                      <table style="width:100%" cellPadding="0" cellSpacing="0">
                        <tr>
                          <td class="elemtransitionsearch_td3">Visa Type</td>
                          <td class="elemtransitionsearch_td4">
                            <select class="elemtransitionsearch_select1" id="{{$template|escape:'html'}}_search_visa_type_select" />
                          </td>
                        </tr>
                        <tr>
                          <td class="elemtransitionsearch_td3">Submit Date</td>
                          <td class="elemtransitionsearch_td4">
                            <table style="width:100%" cellPadding="0" cellSpacing="0">
                              <tr>
                                <td>
                                  <input class="elemtransitionsearch_inputText2" id="{{$template|escape:'html'}}_search_submit_from_date" />
                                </td>
                                <td class="elemtransitionsearch_td5">to</td>
                                <td class="">
                                  <input class="elemtransitionsearch_inputText2" id="{{$template|escape:'html'}}_search_submit_to_date" />
                                </td>
                              <tr>
                            </table>
                          </td>
                        </tr>
                        <tr>
                          <td />
                          <td colSpan="2" style="font-size:9pt;padding:15px 0 0 5px;color:#666666;visibility:collapse;"> -</td>
                        </tr>
                        <tr>
                          <td class="elemtransitionsearch_td3">School</td>
                          <td class="elemtransitionsearch_td4">
                            <select class="elemtransitionsearch_select1" id="{{$template|escape:'html'}}_search_school_select" />
                          </td>
                        </tr>
                        <tr>
                          <td class="elemtransitionsearch_td3">Staff</td>
                          <td class="elemtransitionsearch_td4">
                            <select class="elemtransitionsearch_select1" id="{{$template|escape:'html'}}_search_staff_select" />
                          </td>
                        </tr>
                        <tr>
                          <td class="elemtransitionsearch_td3" style="width:160px;">Refree Person/Sub Agent</td>
                          <td class="elemtransitionsearch_td4">
                            <select class="elemtransitionsearch_select1" id="{{$template|escape:'html'}}_search_agent_select" />
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td class="elemtransitionsearch_td2" colSpan="2">
                      <table style="width: 100%;" cellPadding="0" cellSpacing="0">
                        <tr>
                          <td></td>
                          <td style="width: 100px;font-weight: bold;">Pending</td>
                          <td style="width: 20px;"><Input id="{{$template|escape:'html'}}_search_pending_check" type="checkbox" checked="true" /></td>
                          <td style="width: 100px;font-weight: bold;">Issued</td>
                          <td style="width: 20px;"><Input id="{{$template|escape:'html'}}_search_issued_check" type="checkbox" checked="true" /></td>
                          <td style="width: 100px;font-weight: bold;">Declined</td>
                          <td style="width: 20px;"><Input id="{{$template|escape:'html'}}_search_declined_check" type="checkbox" checked="true" /></td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td class="elemtransitionsearch_td2" colSpan="2">
                      <input type="button" class="button" value="Search" id="{{$template|escape:'html'}}_search_btn" />
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
            <tr>
              <td style="background-color: #c3d9ff">
                <div class="round_btm" ></div>
                <div class="round1"></div>
                <div class="round2"></div>
                <div class="round4"></div>
              </td>
            </tr>
          </table>
        </div>
      </td>
    </tr>
    <tr>
      <td style="padding:15px 0;"></td>
    </tr>
    <tr>
      <td align="left">
        <div style="background-color:#c3d9ff;">
          <div class="round4"></div>
          <div class="round2"></div>
          <div class="round1"></div>
          <div class="{{$template|escape:'html'}}_top"  id="{{$template|escape:'html'}}_page_div"></div>
        </div>
        <table class="tablebordero" id="{{$template|escape:javascript}}_result_table" cellPadding="0" cellSpacing="0">
          <tr style="background-color:#e5ecf9;">
            <th class="{{$template|escape:'html'}}_td2" style="width: 120px;">Client Name</th>
            <th class="{{$template|escape:'html'}}_td2" style="width: 120px;">Passport No.</th>
            <th class="{{$template|escape:'html'}}_td2" style="width: 100px;">DOB</th>
            <th class="{{$template|escape:'html'}}_td2" style="width: 120px;">Visa Client No.</th>
            <th class="{{$template|escape:'html'}}_td2" style="width: 120px;">Visa Application No.</th>
            <th class="{{$template|escape:'html'}}_td2" style="width: 100px;">Visa Type</th>
            <th class="{{$template|escape:'html'}}_td2" style="width: 100px;">Submit Date</th>
            <th class="{{$template|escape:'html'}}_td2" style="width: 100px;">Visa Result</th>
            <th class="{{$template|escape:'html'}}_td2" style="width: 100px;">Staff</th>
            <th class="{{$template|escape:'html'}}_td3" style="width: 100px;">&nbsp</th>
          </tr>
        </table>
        <div style="background-color:#c3d9ff;height:20px;">
          <div style="height: 17px"></div>
          <div class="round1"></div>
          <div class="round2"></div>
          <div class="round4"></div>
        </div>
      </td>
    </tr>
  </table>
</div>
